<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>  
<c:set value="${requestScope.lvo.pagingBean.flag}" var="flag"></c:set>
<c:set value="${requestScope.lvo.pagingBean.keyword}" var="keyword"></c:set>

<script type="text/javascript">
	$(document).ready(function(){
		/* 회원등급 변경 */
		$("#memberTable select[name=sel]").change(function(){
			//alert($(this).val());			
			var no= $(this).parent().parent().children().eq(0).text(); 
			var id= $(this).parent().parent().children().eq(1).text(); 
			
			if($("#chgGrade").val()==""){	
				alert("등급을 선택하세요");
				return;}
			 var result = confirm(id+"에 해당하는 회원의 등급을"+$(this).val()+"로 변경하시습니까?");
		        if(result) {
		        	$.ajax({
						type:"post",
						url:"${initParam.root }admin/updataMemberGrade.do",
						data:"memberNo="+no+"&grade="+$(this).val(),
						success:function(data){
							alert("해당회원의 등급이"+data+"로 변경되었습니다.");
						}
					});//ajax 끝
		        } else {
		           return;
		       }			
		});
	 
		$("#findbyKeywoardBtn").click(function(){
			var keyword = $("#memberId").val();
			//alert(keywoard);
			var url="${initParam.root }admin/adminMemberList.do?keyword="+keyword+"&flag=${flag}";
			$(location).attr('href',url); 
		});
		
		$("#memberTable select[name=array]").change(function(){
			var flag = $(this).val();
			if(flag==""){
				return;
			}
			var url="${initParam.root }admin/adminMemberList.do?keyword=${keyword}&flag="+flag;
			$(location).attr('href',url); 
		});
		
		$("#memberTable button").click(function(){
			var no= $(this).parent().parent().children().eq(0).text(); 
			var id= $(this).parent().parent().children().eq(1).text(); 
			
			var result = confirm("id : "+id+"에 해당하는 회원을 탈퇴시키겠습니까?");
	        if(result) {
	        	var url="${initParam.root }admin/adminMemberOut.do?memberNo="+no;
				$(location).attr('href',url); 
	        } else {
	           return;
	       }			
			
		});
		
	});
</script>




 

<div id="memberTable">
<table class="list">
		<caption >회원목록</caption>
	
		<thead>
			<tr>
				<th colspan="4" >
				회원아이디입력:<input type="text" id="memberId" name="memberId"> <input type="button" id="findbyKeywoardBtn" value="검색">
				
					<select  name="array"> 
					<option value="">정렬방법 </option>
					<option value="memberNo">최신등록순 </option>
					<option value="grade">등급순 </option>	
					</select>
				</th>
			</tr>
		<tr>
			<th>회원NO</th>
			<th>아이디</th>
			<th>등급</th>
			<th>강퇴여부</th>
		</tr>		
		</thead>	
		
			<c:forEach var="mvo" items="${requestScope.lvo.list}">		
			<tr>
			    <td>${mvo.memberNo }</td>					
				<td>					
				${mvo.memberId}
				</td>
				<td>
				<select name="sel">
					<option value="">현재등급 ${mvo.grade}등급</option>
					<option value="0">0등급</option>
					<option value="1">1등급</option>
					<option value="2">2등급</option>
					<option value="3">3등급</option>
				</select>
				</td>
				<td>
				<button>강퇴</button>
				</td>
			</tr>		
			</c:forEach>
		
			<!-- 온체인지로 등급이 바뀔경우에 등급수정할꺼냐는 
			창 하나 뜨고 나서 해당 회원의	등급 update -->
	</table>
</div>
	<br></br>	
	<p class="paging" >
	<%-- 코드량을 줄이기 위해 pb 변수에 페이징 빈을 담는다 --%>
	<c:set var="pb" value="${requestScope.lvo.pagingBean}"></c:set>
	 <%-- 페이징빈의 getNowPage에 접근하여 출력 --%>
<!-- 
			step2 1) 이전 페이지 그룹이 있으면 이미지 보여준다. (img/left_arrow_btn.gif)
				   		페이징빈의 previousPageGroup 이용 
				   2)  이미지에 이전 그룹의 마지막 페이지번호를 링크한다. 
				   	    hint)   startPageOfPageGroup-1 하면 됨 		 
	 -->      
	<c:if test="${pb.previousPageGroup}">
	<a href=" ${initParam.root }admin/adminMemberList.do?pageNo=${pb.startPageOfPageGroup-1}&keyword=${keyword}&flag=${flag}"><!-- <img src="img/left_arrow_btn.gif"> -->
	◀&nbsp; </a>	
	</c:if>
	<!-- step1. 1)현 페이지 그룹의 startPage부터 endPage까지 forEach 를 이용해 출력한다
				   2) 현 페이지가 아니면 링크를 걸어서 서버에 요청할 수 있도록 한다.
				      현 페이지이면 링크를 처리하지 않는다.  
				      PagingBean의 nowPage
				      jstl choose 를 이용  
				      예) <a href="DispatcherServlet?command=list&pageNo=...">				   
	 -->		
	<c:forEach var="i" begin="${pb.startPageOfPageGroup}" 
	end="${pb.endPageOfPageGroup}">
	<c:choose>
	<c:when test="${pb.nowPage!=i}">
	<a href=" ${initParam.root }admin/adminMemberList.do?pageNo=${i}&keyword=${keyword}&flag=${flag}" id="unselectedPage">${i}</a> 
	</c:when>
	<c:otherwise>
	<span id="selectedPage">${i}</span>
	</c:otherwise>
	</c:choose>
	&nbsp;
	</c:forEach>	 
	<!-- 
			step3 1) 다음 페이지 그룹이 있으면 이미지(img/right_arrow_btn.gif) 보여준다. 
				   		페이징빈의 nextPageGroup 이용 
				   2)  이미지에 이전 그룹의 마지막 페이지번호를 링크한다. 
				   	    hint)   endPageOfPageGroup+1 하면 됨 		 
	 -->   
	<c:if test="${pb.nextPageGroup}">
	<a href=" ${initParam.root }admin/adminMemberList.do?pageNo=${pb.endPageOfPageGroup+1}&keyword=${keyword}&flag=${flag}">▶<!-- <img src="img/right_arrow_btn.gif"> --></a>
	
	</c:if>
	</p>